.custom-message-box {
  --el-messagebox-title-color: #323232;
  --el-messagebox-font-size: 24px;
  --el-messagebox-font-line-height: 32px;
  --el-messagebox-padding-primary: 30px 46px;

  & .el-message-box__title {
    text-align: center;
    font-weight: bold;
  }

  & .el-message-box__content {
    padding: 43px 0;

    & .el-message-box__message {
      width: 100%;
    }
  }

  & .el-message-box__btns {

    & .el-button--default {
      height: 46px;
      padding: 12px 37px;
    }

    & .el-button--primary {
      --el-color-primary: #D6000F;
      --el-color-primary-light-5: #d66b72;
      --el-color-primary-light-3: #860113;
      --el-color-primary-dark-2: #5f0813;
      height: 46px;
      padding: 12px 37px;
    }
  }
}

.custom-title {
  font-weight: bold;
  font-size: 22px;
  color: var(--jbc-font-color);
  line-height: 30px;
}

.el-dialog {
  &.custom-web {
    background-color: #fff;
    border-radius: 18px;
    padding: 30px 46px;
    overflow: hidden;
    background-image: url('./../../assets/common/dialog/dialog_bg.png?images');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 212px 208px;

    .el-dialog__header {
      padding: 0;
      margin: 0 0 40px 0;
      text-align: center;


      .el-dialog__title {
        font-weight: bold;
        font-size: 24px;
        color: #323232;
      }
    }

    .el-dialog__body {
      width: 100%;
      height: 100%;
      padding: 0;
    }
  }
}